body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe,header{margin:0; padding:0;}
body,button,input,select,textarea { font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; line-height: 1.5em;color:#333}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
ul,li{ list-style:none;}
fieldset,img{border:0;}
img{ vertical-align:top}
address,caption,cite,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block; margin:0; padding:0;}/* HTML5 */
*{box-sizing: border-box;}
input[type="submit"], input[type="reset"], input[type="button"], button{ -webkit-appearance: none;}
::-webkit-input-placeholder{color:#999;}
input[type="text"],input[type="password"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
a{ color: #333;text-decoration: none;}


.sj{ display: none; }

header{ position: absolute; top: 0px; left: 0px; width: 100%; height: 4.6vw; padding: 0 13.5% !important;  z-index: 999; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
header:hover{ background: #fff; }
header:hover nav>li>a{ color: #333 }
header:hover .tel span{ color: #333; }
header:hover .logo_l{ display: block !important; }
header:hover .logo img{ display: none; }
header:hover .tel img.tel2{ display: block; }
header:hover .tel img.tel1{ display: none; }

.logo_l{ display: none; position: relative; z-index: 9; }
.logo{ float: left; padding-top: 1vw; }
.logo img{width: 4.5vw;}
nav{ height: 4.6vw;position: absolute; top: 0; left: 46%; display: inline-block;  -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);  transform: translate(-50%, 0);  text-align: center;}
nav>li{ height: 4.6vw; line-height: 4.6vw; font-size: 0.85vw;  display: inline-block; position: relative;}
nav>li>a{  color: #fff; display: block;padding:0 1.5vw;}
nav>li>a:hover{ color: #0066ce !important;background: #eee;}
nav>li:hover div{ display: block; }
nav>li>div{ position: absolute; left: 0px; top: 4.6vw; width: 100%; display: none; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;background: #eee;}
nav>li>div>a{ display: block; font-size: 0.75vw; line-height: 3vw;}
nav>li>div>a:hover{ background: #dedede; color: #000;}

.tel{ float: right;padding-top: 1.35vw; }
.tel img.tel2{ display:none;}
.tel img{ float: left; margin-right: 10px; width: 1.65vw;}
.tel span{ font-size: 1.6vw; color: #fff; float: left; font-family: Arial;}


.industry{ width: 100%; padding: 3vw 0; background: #f9f9f9; }
.industry>h2{font-size: 24px; color: #333; text-align: center; padding-bottom: 2vw;}
.industry_box{ width: 73vw; overflow: hidden; margin:0 auto; }
.industry_box dt span{font-weight: 300;}
.industry_box dl{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.industry_box dl:hover{ background-size:110% 110%; }
.industry_dl1{ width: 24.6vw; margin-right: 0.2vw; float: left; height: 32vw; background: url(../images/industry1.jpg) center; background-size: 100% 100%; padding: 2.2vw 1.4vw;}
.industry_dl1 dt{ font-size: 1.3vw; color: #fff; padding-bottom: 1vw;}
.industry_dl1 dd{ font-size: 0.7vw; color: #fff;  line-height: 1.6vw; font-weight: 300;}
.industry_dl2{ width: 28vw; float: left; height:15.9vw; margin-bottom: 0.2vw; margin-right: 0.2vw; background: url(../images/industry2.jpg) center; background-size: 100% 100%; padding: 11vw 1.4vw 0 0; text-align: right;}
.industry_dl2 dt{ font-size: 1.3vw; color: #333; padding-bottom: .7vw;}
.industry_dl2 dd{ font-size: 0.7vw; color: #666;  line-height: 1.6vw; font-weight: 300;}
.industry_dl3{ width: 20vw; float: left; height:15.9vw; margin-bottom: 0.2vw;  background: url(../images/industry3.jpg) center; background-size: 100% 100%; padding: 2.2vw;}
.industry_dl3 dt{ font-size: 1.3vw; color: #333; padding-bottom: .7vw; text-align: center;}
.industry_dl3 dd{ font-size: 0.7vw; color: #666;  line-height: 1.6vw; font-weight: 300;text-align: center;}
.industry_dl4{ width: 20vw; float: left; height:15.9vw; margin-right: 0.2vw;background: url(../images/industry4.jpg) center; background-size: 100% 100%;padding: 11vw 0 0 1.4vw; }
.industry_dl4 dt{ font-size: 1.3vw; color: #fff; padding-bottom: .7vw;}
.industry_dl4 dd{ font-size: 0.7vw; color: #fff;  line-height: 1.6vw; font-weight: 300;}
.industry_dl5{ width: 28vw; float: left; height:15.9vw; background: url(../images/industry5.jpg) center; background-size: 100% 100%; padding: 2.2vw 1.4vw;}
.industry_dl5 dt{ font-size: 1.3vw; color: #333; padding-bottom: .7vw;}
.industry_dl5 dd{ font-size: 0.7vw; color: #666;  line-height: 1.6vw; font-weight: 300;}


.news{ width: 100%; padding: 3vw 0; }
.news>h2{font-size: 24px; color: #333; text-align: center; padding-bottom: 0.6vw;}
.news_nav{ text-align: center; color: #b2b2b2; font-weight: 300; padding-bottom: 2vw;}
.news_nav a{ font-size: 0.75vw; color: #666;}
.news_nav a.a{ color: #0066ce; }
.snews_box{ width: 73vw; overflow: hidden; margin:0 auto; }
.snews_box dl{ width: 24%; float: left; margin:0 0.5%; border:#ededed solid 1px;}
.snews_box dl dt{ width: 100%; height: 11.5vw; overflow: hidden;}
.snews_box dl dt img{ width: 100%; height: 11.5vw;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.snews_box dl dd.d1{margin: 1vw; font-size: 0.85vw; line-height: 1.6vw; color: #333;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.snews_box dl dd.d2{ color: #999; font-size: 0.7vw;margin:0 1vw; line-height: 1.2vw; height: 2.4vw; margin-bottom: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.snews_box dl dd.d3{padding:0.6vw 1vw 1vw 1vw; font-size: 0.7vw; color: #999; border-top: #f2f2f2 solid 1px; }
.snews_box dl dd.d3 span{ float: right; color: #999;  -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.snews_box dl:hover dd.d3 span{ padding-right: 25px; background: url(../images/news_more.jpg) no-repeat center right; color: #0066ce;}
.snews_box dl:hover dt img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}



.news .layui-tab-title{ border: none !important; text-align: center; margin-bottom: 1.2vw; }
.news .layui-tab-brief>.layui-tab-more li.layui-this:after,.news .layui-tab-brief>.layui-tab-title .layui-this:after{ display: none }
.news .layui-tab-brief>.layui-tab-title .layui-this{color: #0066ce !important;}
.news .layui-tab-title{ position: relative; }
.news .layui-tab-title span{color: #999; font-weight: 300; position: absolute; top: 50%; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); display: block; font-size: 12px;}
.news .layui-tab-title li{ color: #666 !important; }
.news .layui-tab-content{ padding: 0px; }
.news .layui-tab{margin:0px;}
.news .layui-carousel{ width: 100% !important; background: none !important; height: 25vw !important;}
.news .layui-carousel-ind ul{ background: none !important; }
.news .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.news .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }
.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow{position: absolute; top:auto; bottom:-1vw; left: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); margin-left: -25px;}
.news .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{position: absolute; top:auto; bottom:-1vw; right: 50%;  display: inline-block;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); margin-right: -55px !important; }
.news .layui-carousel-arrow:hover{ background: #0066ce; }

.case{ width: 100%; padding: 1vw 0 3vw 0; }
.case>h2{font-size: 24px; color: #333; text-align: center; padding-bottom: 2vw;}
.scase_box{ width: 73vw; overflow: hidden; margin:0 auto; }
.scase_box .ul{ width: 100%; }
.scase_box .ul li{ width: 16.4666%; float: left; margin:0.1%;height:5.2vw; overflow: hidden;}
.scase_box .ul li img{ width: 100%; height:5.2vw; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.scase_box .ul li:hover img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.case .layui-carousel{ width: 100% !important; background: none !important; height: 14vw !important;}
.case .layui-carousel-ind ul{ background: none !important; }
.case .layui-carousel-ind li.layui-this{ background: #0066ce !important;  border: solid 1px #0066ce !important;}
.case .layui-carousel-ind li{ width: 12px !important; height: 12px !important; border: solid 1px #929292 !important; }

footer{ background: #272727; color: #b2b2b2;overflow: hidden;}
.footer_con{ width: 73vw; overflow: hidden; margin:3vw auto; }
.footer_con dl{ float: left; margin-right:5vw;}
.footer_con dl dt{ font-size: 0.8vw; color: #fff; padding-bottom: 1vw;}
.footer_con dl dd{ font-size: 0.65vw; color: #b2b2b2;line-height: 1.6vw; }
.footer_con dl dd a{ color: #b2b2b2; }
.footer_con dl dd a:hover{ color: #ddd; }
.footer_con_dz{margin-left: 2vw; margin-right: 0px !important;}
.footer_con_dz dd{ overflow: hidden; display: block; }
.footer_con_dz dd img{float: left; margin-top: 0.35vw; margin-right: 4px;}
.footer_con_dz dd span{ float: left; }
.footer_con_ewm{ text-align: center; float: right !important; margin-right:0 !important; }
.footer_con_ewm img{ width: 6.6vw; height: 6.6vw; }

.footer_nav{ width: 73vw; overflow: hidden; margin:0 auto; height: 2.8vw; line-height: 2.2vw;font-size: 0.65vw; }
.bottom_menu{ float: left; }
.bottom_menu a{color: #ababab; padding:0 1.2vw;}
.bottom_menu a:hover{ color: #ddd;}
.bottom_logo{ float: left; margin-right: 1vw;}
.bottom_logo img{ height:2.1vw;  }
.bottom_fx{ float: right; }
.bottom_fx a{margin-left: 1vw; display: inline-block;}
.bottom_fx a img{ margin-top: 0.8vw; }

.footer_bottom{ border-top:#3d3d3d solid 1px; height: 3vw; line-height: 3vw;font-size: 0.65vw; }
.footer_bottom_box{ width: 73vw; overflow: hidden; margin:0 auto; }
.footer_bottom_box span{ float: right; }

@media screen and (max-width: 1400px){
.footer_con_dz{margin-left: 2vw;}
.bottom_fx a img{ margin-top: 0.6vw; }
.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow{ bottom:-2vw !important; }
.news .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{ bottom:-2vw !important;  }

}
@media screen and (max-width: 1260px){
.footer_con_dz{margin-left: 1vw;}
.bottom_fx a img{ margin-top: 0.4vw; }
.news .layui-carousel[lay-arrow=always] .layui-carousel-arrow{ bottom:-4vw !important; }
.news .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{ bottom:-4vw !important;  }

}